<!doctype html>


<html>
<head>
  <link rel="shortcut icon" href="static/images/favicon.ico" type="image/x-icon">
  <title>style.js (Closure Library API Documentation - JavaScript)</title>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/doc.css">
  <link rel="stylesheet" href="static/css/sidetree.css">
  <link rel="stylesheet" href="static/css/prettify.css">

  <script>
     var _staticFilePath = "static/";
     var _typeTreeName = "goog";
     var _fileTreeName = "Source";
  </script>

  <script src="static/js/doc.js">
  </script>


  <meta charset="utf8">
</head>

<body onload="grokdoc.onLoad();">

<div id="header">
  <div class="g-section g-tpl-50-50 g-split">
    <div class="g-unit g-first">
      <a id="logo" href="index.html">Closure Library API Documentation</a>
    </div>

    <div class="g-unit">
      <div class="g-c">
        <strong>Go to class or file:</strong>
        <input type="text" id="ac">
      </div>
    </div>
  </div>
</div>





<div class="colmask rightmenu">
<div class="colleft">
    <div class="col1">
      <!-- Column 1 start -->

<div id="title">
       <span class="fn">style.js</span>
</div>

<div class="g-section g-tpl-75-25">
  <div class="g-unit g-first" id="description">
    <span class='nodesc'>No description.</span>
  </div>
  

        <div class="g-unit" id="useful-links">
          <div class="title">Useful links</div>
          <ol>
            <li><a href="http://closure-library.googlecode.com/git/closure/goog/demos/inline_block_quirks.html">Demo</a></li>
            <li><a href="local_closure_goog_style_style.js.source.html"><span class='source-code-link'>Source Code</span></a></li>
            <li><a href="http://code.google.com/p/closure-library/source/browse/local/closure/goog/style/style.js">Git</a></li>
          </ol>
        </div>
</div>

<h2 class="g-first">File Location</h2>
  <div class="g-section g-tpl-20-80">
    <div class="g-unit g-first">
      <div class="g-c-cell code-label">/goog/style/style.js</div>
    </div>
  </div>
<hr/>


   
<br/>

  <div class="legend">
        <span class="key publickey"></span><span>Public</span>
        <span class="key protectedkey"></span><span>Protected</span>
        <span class="key privatekey"></span><span>Private</span>
  </div>









<div class="section">
  <table class="horiz-rule">


  </table>
</div>




  <h2>Global Functions</h2>





<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.clearTransparentBackgroundImage"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">clearTransparentBackgroundImage<span class="args">(<span class="arg">el</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Clears the background image of an element in a browser independent manner.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to clear background image for.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1256">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.style.evaluateWithTemporaryDisplay_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">evaluateWithTemporaryDisplay_<span class="args">(<span class="arg">fn</span>,&nbsp;<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type">T</span>
      </div>


     <div class="entryOverview">
       Call <code> fn</code> on <code> element</code> such that <code> element</code>'s dimensions are
accurate when it's passed to <code> fn</code>.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">fn</span>
        : <span class="type">function(!Element): T</span>
        <div class="entryOverview">Function to call with <code> element</code> as
    an argument after temporarily changing <code> element</code>'s display such
    that its dimensions are accurate.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">element</span>
        : <span>!</span><span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element (which may have display none) to use as
    argument to <code> fn</code>.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type">T</span>&nbsp;
            Value returned by calling <code> fn</code> with <code> element</code>.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1062">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getBackgroundColor"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getBackgroundColor<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Retrieves the computed background color string for a given element. The
string returned is suitable for assigning to another element's
background-color, but is not guaranteed to be in any particular string
format. Accessing the color in a numeric form may not be possible in all
browsers or with all input.

If the background color for the element is defined as a hexadecimal value,
the resulting string can be parsed by goog.color.parse in all supported
browsers.

Whether named colors like "red" or "lightblue" get translated into a
format which can be parsed is browser dependent. Calling this function on
transparent elements will return "transparent" in most browsers or
"rgba(0, 0, 0, 0)" in WebKit.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the background color of.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            The computed string value of the background color.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line270">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getBorderBox"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getBorderBox<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Box.html">goog.math.Box</a></span>
      </div>


     <div class="entryOverview">
       Gets the computed border widths (on all sides) in pixels

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the border widths for.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Box.html">goog.math.Box</a></span>&nbsp;
            The computed border widths.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1812">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getBorderBoxSize"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getBorderBoxSize<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Size.html">goog.math.Size</a></span>
      </div>


     <div class="entryOverview">
       Gets the border box size for an element.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the size for.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Size.html">goog.math.Size</a></span>&nbsp;
            The border box size.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1550">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.style.getBoundingClientRect_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getBoundingClientRect_<span class="args">(<span class="arg">el</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span>
      </div>


     <div class="entryOverview">
       Gets the client rectangle of the DOM element.

getBoundingClientRect is part of a new CSS object model draft (with a
long-time presence in IE), replacing the error-prone parent offset
computation and the now-deprecated Gecko getBoxObjectFor.

This utility patches common browser bugs in getBoundingClientRect. It
will fail if getBoundingClientRect is unsupported.

If the element is not in the DOM, the result is undefined, and an error may
be thrown depending on user agent.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span>!</span><span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element whose bounding rectangle is being queried.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span>&nbsp;
            A native bounding rectangle with numerical left, top,
    right, and bottom.  Reported by Firefox to be of object type ClientRect.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line436">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getBounds"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getBounds<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Rect.html">goog.math.Rect</a></span>
      </div>


     <div class="entryOverview">
       Returns a bounding rectangle for a given element in page space.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to get bounds of. Must not be display none.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Rect.html">goog.math.Rect</a></span>&nbsp;
            Bounding rectangle for the element.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1144">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.style.getBox_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getBox_<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">stylePrefix</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Box.html">goog.math.Box</a></span>
      </div>


     <div class="entryOverview">
       Gets the computed paddings or margins (on all sides) in pixels.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the padding for.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">stylePrefix</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Pass 'padding' to retrieve the padding box,
    or 'margin' to retrieve the margin box.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Box.html">goog.math.Box</a></span>&nbsp;
            The computed paddings or margins.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1727">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getCascadedStyle"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getCascadedStyle<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">style</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Gets the cascaded style value of a node, or null if the value cannot be
computed (only Internet Explorer can do this).


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to get style of.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">style</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Property to get (camel-case).</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            Style value.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line203">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getClientLeftTop"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getClientLeftTop<span class="args">(<span class="arg">el</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>
      </div>


     <div class="entryOverview">
       Returns clientLeft (width of the left border and, if the directionality is
right to left, the vertical scrollbar) and clientTop as a coordinate object.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to get clientLeft for.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>&nbsp;
            Client left and top.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line637">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getClientPosition"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getClientPosition<span class="args">(<span class="arg">el</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>
      </div>


     <div class="entryOverview">
       Returns the position of the event or the element's border box relative to
the client viewport.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span><span>&nbsp;|&nbsp;</span><span class="type">Event</span><span>&nbsp;|&nbsp;</span><span class="type"><a href="class_goog_events_Event.html">goog.events.Event</a></span>
        <div class="entryOverview">Element or a mouse / touch event.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>&nbsp;
            The position.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line909">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.style.getClientPositionForElement_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getClientPositionForElement_<span class="args">(<span class="arg">el</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>
      </div>


     <div class="entryOverview">
       Returns the position of the event or the element's border box relative to
the client viewport.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span>!</span><span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element whose position to get.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>&nbsp;
            The position.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line877">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getClientViewportElement"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getClientViewportElement<span class="args">(<span class="arg">opt_node</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Returns the viewport element for a particular document

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">opt_node</span>
        : <span class="type">Node=</span>
        <div class="entryOverview">DOM node (Document is OK) to get the viewport element
    of.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            document.documentElement or document.body.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line385">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getComputedBoxSizing"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getComputedBoxSizing<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span>?</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Retrieves the computed value of the box-sizing CSS attribute.
Browser support: <a href="http://caniuse.com/css3-boxsizing">http://caniuse.com/css3-boxsizing</a>.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span>!</span><span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element whose box-sizing to get.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>?</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            'content-box', 'border-box' or 'padding-box'. null if
    box-sizing is not supported (IE7 and below).
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line235">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getComputedCursor"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getComputedCursor<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Retrieves the computed value of the cursor CSS attribute.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the cursor of.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            The computed string value of the cursor attribute.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line320">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getComputedOverflowX"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getComputedOverflowX<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Retrieves the computed value of the overflow-x CSS attribute.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the overflow-x of.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            The computed string value of the overflow-x attribute.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line280">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getComputedOverflowY"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getComputedOverflowY<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Retrieves the computed value of the overflow-y CSS attribute.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the overflow-y of.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            The computed string value of the overflow-y attribute.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line290">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getComputedPosition"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getComputedPosition<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Retrieves the computed value of the position CSS attribute.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the position of.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            Position value.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line247">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getComputedStyle"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getComputedStyle<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">property</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Retrieves a computed style value of a node. It returns empty string if the
value cannot be computed (which will be the case in Internet Explorer) or
"none" if the property requested is an SVG one and it has not been
explicitly set (firefox and webkit).


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to get style of.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">property</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Property to get (camel-case).</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            Style value.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line180">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getComputedTextAlign"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getComputedTextAlign<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Retrieves the computed value of the text-align CSS attribute.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the text-align of.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            The computed string value of the text-align attribute.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line310">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getComputedTransform"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getComputedTransform<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Retrieves the computed value of the CSS transform attribute.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the transform of.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            The computed string representation of the transform matrix.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line330">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getComputedZIndex"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getComputedZIndex<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
      </div>


     <div class="entryOverview">
       Retrieves the computed value of the z-index CSS attribute.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the z-index of.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>&nbsp;
            The computed value of the z-index attribute.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line300">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getContainerOffsetToScrollInto"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getContainerOffsetToScrollInto<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">container</span>,&nbsp;<span class="arg">opt_center</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>
      </div>


     <div class="entryOverview">
       Calculate the scroll position of <code> container</code> with the minimum amount so
that the content and the borders of the given <code> element</code> become visible.
If the element is bigger than the container, its top left corner will be
aligned as close to the container's top left corner as possible.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to make visible.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">container</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The container to scroll.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">opt_center</span>
        : <span class="type">boolean=</span>
        <div class="entryOverview">Whether to center the element in the container.
    Defaults to false.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>&nbsp;
            The new scroll position of the container,
    in form of goog.math.Coordinate(scrollLeft, scrollTop).
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line574">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getContentBoxSize"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getContentBoxSize<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Size.html">goog.math.Size</a></span>
      </div>


     <div class="entryOverview">
       Gets the content box size for an element.  This is potentially expensive in
all browsers.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the size for.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Size.html">goog.math.Size</a></span>&nbsp;
            The content box size.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1591">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getCssTranslation"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getCssTranslation<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>
      </div>


     <div class="entryOverview">
       Returns the x,y translation component of any CSS transforms applied to the
element, in pixels.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span>!</span><span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the translation of.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>&nbsp;
            The CSS translation of the element in px.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line2094">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getFloat"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getFloat<span class="args">(<span class="arg">el</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Gets value of explicitly-set float CSS property on an element.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get float property of.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            The value of explicitly-set float CSS property on this
    element.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line2038">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getFontFamily"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getFontFamily<span class="args">(<span class="arg">el</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Returns the font face applied to a given node. Opera and IE should return
the font actually displayed. Firefox returns the author's most-preferred
font (whether the browser is capable of displaying it or not.)

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element whose font family is returned.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            The font family applied to el.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1845">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getFontSize"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getFontSize<span class="args">(<span class="arg">el</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
      </div>


     <div class="entryOverview">
       Returns the font size, in pixels, of text in an element.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element whose font size is returned.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>&nbsp;
            The font size (in pixels).
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1933">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getFramedPageOffset"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getFramedPageOffset<span class="args">(<span class="arg">el</span>,&nbsp;<span class="arg">relativeWin</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>
      </div>


     <div class="entryOverview">
       Returns a Coordinate object relative to the top-left of an HTML document
in an ancestor frame of this element. Used for measuring the position of
an element inside a frame relative to a containing frame.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to get the page offset for.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">relativeWin</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/window">Window</a></span>
        <div class="entryOverview">The window to measure relative to. If relativeWin
    is not in the ancestor frame chain of the element, we measure relative to
    the top-most window.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>&nbsp;
            The page offset.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line798">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.style.getIePixelBorder_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getIePixelBorder_<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">prop</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
      </div>


     <div class="entryOverview">
       Helper function for IE to get the pixel border.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the pixel border for.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">prop</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The part of the property name.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>&nbsp;
            The value in pixels.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1795">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>






  <td>
    <a name="goog.style.getIePixelDistance_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getIePixelDistance_<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">propName</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
      </div>


     <div class="entryOverview">
       Helper function for getting the pixel padding or margin for IE.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the padding for.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">propName</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The property name.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>&nbsp;
            The pixel padding.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1712">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.style.getIePixelValue_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getIePixelValue_<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">value</span>,&nbsp;<span class="arg">name</span>,&nbsp;<span class="arg">pixelName</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
      </div>


     <div class="entryOverview">
       IE specific function that converts a non pixel unit to pixels.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to convert the value for.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">value</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The current value as a string. The value must not be
    ''.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">name</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The CSS property name to use for the converstion. This
    should be 'left', 'top', 'width' or 'height'.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">pixelName</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The CSS pixel property name to use to get the
    value in pixels.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>&nbsp;
            The value in pixels.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1685">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getLengthUnits"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getLengthUnits<span class="args">(<span class="arg">value</span>)</span>
        </span>
        &#8658; <span>?</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Returns the units used for a CSS length measurement.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">value</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">A CSS length quantity.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>?</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            The units of measurement.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1895">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getMarginBox"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getMarginBox<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Box.html">goog.math.Box</a></span>
      </div>


     <div class="entryOverview">
       Gets the computed margins (on all sides) in pixels.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the margins for.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Box.html">goog.math.Box</a></span>&nbsp;
            The computed margins.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1771">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getOffsetParent"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getOffsetParent<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Returns the first parent that could affect the position of a given element.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the offset parent for.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            The first offset parent or null if one cannot be found.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line476">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getOpacity"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getOpacity<span class="args">(<span class="arg">el</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Gets the opacity of a node (x-browser). This gets the inline style opacity
of the node, and does not take into account the cascaded or the computed
style for this node.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element whose opacity has to be found.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            Opacity between 0 and 1 or an empty string <code> ''</code>
    if the opacity is not set.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1181">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getPaddingBox"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getPaddingBox<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Box.html">goog.math.Box</a></span>
      </div>


     <div class="entryOverview">
       Gets the computed paddings (on all sides) in pixels.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to get the padding for.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Box.html">goog.math.Box</a></span>&nbsp;
            The computed paddings.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1761">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getPageOffset"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getPageOffset<span class="args">(<span class="arg">el</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>
      </div>


     <div class="entryOverview">
       Returns a Coordinate object relative to the top-left of the HTML document.
Implemented as a single function to save having to do two recursive loops in
opera and safari just to get both coordinates.  If you just want one value do
use goog.style.getPageOffsetLeft() and goog.style.getPageOffsetTop(), but
note if you call both those methods the tree will be analysed twice.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to get the page offset for.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>&nbsp;
            The page offset.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line665">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getPageOffsetLeft"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getPageOffsetLeft<span class="args">(<span class="arg">el</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
      </div>


     <div class="entryOverview">
       Returns the left coordinate of an element relative to the HTML document

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Elements.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>&nbsp;
            The left coordinate.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line772">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getPageOffsetTop"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getPageOffsetTop<span class="args">(<span class="arg">el</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
      </div>


     <div class="entryOverview">
       Returns the top coordinate of an element relative to the HTML document

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Elements.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>&nbsp;
            The top coordinate.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line782">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>






  <td>
    <a name="goog.style.getPixelStyleValue_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getPixelStyleValue_<span class="args">(<span class="arg">value</span>,&nbsp;<span class="arg">round</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Helper function to create a string to be set into a pixel-value style
property of an element. Can round to the nearest integer value.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">value</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">The style value to be used. If a number,
    'px' will be appended, otherwise the value will be applied directly.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">round</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether to round the nearest integer (if property
    is a number).</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            The string value for the property.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1002">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getPosition"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getPosition<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>
      </div>


     <div class="entryOverview">
       Gets the offsetLeft and offsetTop properties of an element and returns them
in a Coordinate object

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>&nbsp;
            The position.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line374">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getRelativePosition"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getRelativePosition<span class="args">(<span class="arg">a</span>,&nbsp;<span class="arg">b</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>
      </div>


     <div class="entryOverview">
       Returns the position of an element relative to another element in the
document.  A relative to B

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">a</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span><span>&nbsp;|&nbsp;</span><span class="type">Event</span><span>&nbsp;|&nbsp;</span><span class="type"><a href="class_goog_events_Event.html">goog.events.Event</a></span>
        <div class="entryOverview">Element or mouse event whose
    position we're calculating.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">b</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span><span>&nbsp;|&nbsp;</span><span class="type">Event</span><span>&nbsp;|&nbsp;</span><span class="type"><a href="class_goog_events_Event.html">goog.events.Event</a></span>
        <div class="entryOverview">Element or mouse event position
    is relative to.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>&nbsp;
            The relative position.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line863">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getScrollbarWidth"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getScrollbarWidth<span class="args">(<span class="arg">opt_className</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
      </div>


     <div class="entryOverview">
       Returns the scroll bar width (represents the width of both horizontal
and vertical scroll).


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">opt_className</span>
        : <span class="type">string=</span>
        <div class="entryOverview">An optional class name (or names) to apply
    to the invisible div created to measure the scrollbar. This is necessary
    if some scrollbars are styled differently than others.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>&nbsp;
            The scroll bar width in px.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line2052">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getSize"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getSize<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Size.html">goog.math.Size</a></span>
      </div>


     <div class="entryOverview">
       Gets the height and width of an element, even if its display is none.

Specifically, this returns the height and width of the border box,
irrespective of the box model in effect.

Note that this function does not take CSS transforms into account. Please see
<code> goog.style.getTransformedSize</code>.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to get size of.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Size.html">goog.math.Size</a></span>&nbsp;
            Object with width/height properties.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1044">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.style.getSizeWithDisplay_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getSizeWithDisplay_<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Size.html">goog.math.Size</a></span>
      </div>


     <div class="entryOverview">
       Gets the height and width of an element when the display is not none.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to get size of.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Size.html">goog.math.Size</a></span>&nbsp;
            Object with width/height properties.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1092">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getStyle"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getStyle<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">property</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Retrieves an explicitly-set style value of a node. This returns '' if there
isn't a style attribute on the element or if this style property has not been
explicitly set in script.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to get style of.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">property</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Property to get, css-style (if you have a camel-case
property, use element.style[style]).</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            Style value.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line152">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.style.getStyle_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getStyle_<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">style</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Cross-browser pseudo get computed style. It returns the computed style where
available. If not available it tries the cascaded style value (IE
currentStyle) and in worst case the inline style value.  It shouldn't be
called directly, see <a href="http://wiki/Main/ComputedStyleVsCascadedStyle">http://wiki/Main/ComputedStyleVsCascadedStyle</a> for
discussion.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to get style of.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">style</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Property to get (must be camelCase, not css-style.).</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            Style value.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line221">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getTransformedSize"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getTransformedSize<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="class_goog_math_Size.html">goog.math.Size</a></span>
      </div>


     <div class="entryOverview">
       Gets the height and width of an element, post transform, even if its display
is none.

This is like <code> goog.style.getSize</code>, except:
<ol><li>Takes webkitTransforms such as rotate and scale into account.
<li>Will return null if <code> element</code> doesn't respond to
    <code> getBoundingClientRect</code>.
<li>Currently doesn't make sense on non-WebKit browsers which don't support
   webkitTransforms.
</li></li></li></ol>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span>!</span><span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to get size of.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="class_goog_math_Size.html">goog.math.Size</a></span>&nbsp;
            Object with width/height properties.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1127">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.style.getVendorJsStyleName_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getVendorJsStyleName_<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">style</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Returns the style property name in camel-case. If it does not exist and a
vendor-specific version of the property does exist, then return the vendor-
specific property name instead.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to change.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">style</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Style name.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            Vendor-specific style.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line101">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>






  <td>
    <a name="goog.style.getVendorStyleName_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getVendorStyleName_<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">style</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Returns the style property name in CSS notation. If it does not exist and a
vendor-specific version of the property does exist, then return the vendor-
specific property name instead.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to change.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">style</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Style name.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            Vendor-specific style.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line126">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getViewportPageOffset"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getViewportPageOffset<span class="args">(<span class="arg">doc</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>
      </div>


     <div class="entryOverview">
       Calculates the viewport coordinates relative to the page/document
containing the node. The viewport may be the browser viewport for
non-iframe document, or the iframe container for iframe'd document.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">doc</span>
        : <span>!</span><span class="type"><a href="https://developer.mozilla.org/en/DOM/document">Document</a></span>
        <div class="entryOverview">The document to use as the reference point.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>&nbsp;
            The page offset of the viewport.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line409">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.getVisibleRectForElement"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">getVisibleRectForElement<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="class_goog_math_Box.html">goog.math.Box</a></span>
      </div>


     <div class="entryOverview">
       Calculates and returns the visible rectangle for a given element. Returns a
box describing the visible portion of the nearest scrollable offset ancestor.
Coordinates are given relative to the document.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to get the visible rect for.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="class_goog_math_Box.html">goog.math.Box</a></span>&nbsp;
            Bounding elementBox describing the visible rect or
    null if scrollable ancestor isn't inside the visible viewport.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line514">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.installStyles"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">installStyles<span class="args">(<span class="arg">stylesString</span>,&nbsp;<span class="arg">opt_node</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span><span>&nbsp;|&nbsp;</span><span class="type">StyleSheet</span>
      </div>


     <div class="entryOverview">
       Installs the styles string into the window that contains opt_element.  If
opt_element is null, the main window is used.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">stylesString</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The style string to install.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_node</span>
        : <span class="type">Node=</span>
        <div class="entryOverview">Node whose parent document should have the
    styles installed.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span><span>&nbsp;|&nbsp;</span><span class="type">StyleSheet</span>&nbsp;
            The style element created.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1345">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.isElementShown"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">isElementShown<span class="args">(<span class="arg">el</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Test whether the given element has been shown or hidden via a call to
<code> #setElementShown</code>.

Note this is strictly a companion method for a call
to <code> #setElementShown</code> and the same caveats apply; in particular, this
method does not guarantee that the return value will be consistent with
whether or not the element is actually visible.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to test.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the element has been shown.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1332">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.isRightToLeft"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">isRightToLeft<span class="args">(<span class="arg">el</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the element is using right to left (rtl) direction.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to test.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            True for right to left, false for left to right.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1471">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.isUnselectable"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">isUnselectable<span class="args">(<span class="arg">el</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the element is set to be unselectable, false otherwise.
Note that on some platforms (e.g. Mozilla), even if an element isn't set
to be unselectable, it will behave as such if any of its ancestors is
unselectable.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to check.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the element is set to be unselectable.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1497">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.parseStyleAttribute"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">parseStyleAttribute<span class="args">(<span class="arg">value</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span>
      </div>


     <div class="entryOverview">
       Parses a style attribute value.  Converts CSS property names to camel case.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">value</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The style attribute value.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span>&nbsp;
            Map of CSS properties to string values.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1994">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.scrollIntoContainerView"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">scrollIntoContainerView<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">container</span>,&nbsp;<span class="arg">opt_center</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Changes the scroll position of <code> container</code> with the minimum amount so
that the content and the borders of the given <code> element</code> become visible.
If the element is bigger than the container, its top left corner will be
aligned as close to the container's top left corner as possible.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to make visible.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">container</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The container to scroll.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">opt_center</span>
        : <span class="type">boolean=</span>
        <div class="entryOverview">Whether to center the element in the container.
    Defaults to false.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line622">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.setBorderBoxSize"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setBorderBoxSize<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">size</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the border box size of an element. This is potentially expensive in IE
if the document is CSS1Compat mode

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to set the size on.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">size</span>
        : <span class="type"><a href="class_goog_math_Size.html">goog.math.Size</a></span>
        <div class="entryOverview">The new size.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1561">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>






  <td>
    <a name="goog.style.setBoxSizingSize_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setBoxSizingSize_<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">size</span>,&nbsp;<span class="arg">boxSizing</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Helper function that sets the box sizing as well as the width and height

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to set the size on.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">size</span>
        : <span class="type"><a href="class_goog_math_Size.html">goog.math.Size</a></span>
        <div class="entryOverview">The new size to set.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">boxSizing</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The box-sizing value.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1655">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.setContentBoxSize"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setContentBoxSize<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">size</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the content box size of an element. This is potentially expensive in IE
if the document is BackCompat mode.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to set the size on.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">size</span>
        : <span class="type"><a href="class_goog_math_Size.html">goog.math.Size</a></span>
        <div class="entryOverview">The new size.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1625">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.setElementShown"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setElementShown<span class="args">(<span class="arg">el</span>,&nbsp;<span class="arg">isShown</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Shows or hides an element from the page. Hiding the element is done by
setting the display property to "none", removing the element from the
rendering hierarchy so it takes up no space. To show the element, the default
inherited display property is restored (defined either in stylesheets or by
the browser's default style rules).

Caveat 1: if the inherited display property for the element is set to "none"
by the stylesheets, that is the property that will be restored by a call to
setElementShown(), effectively toggling the display between "none" and
"none".

Caveat 2: if the element display style is set inline (by setting either
element.style.display or a style attribute in the HTML), a call to
setElementShown will clear that setting and defer to the inherited style in
the stylesheet.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to show or hide.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">isShown</span>
        : <span class="type">*</span>
        <div class="entryOverview">True to render the element in its default style,
    false to disable rendering the element.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1314">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.setFloat"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setFloat<span class="args">(<span class="arg">el</span>,&nbsp;<span class="arg">value</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets CSS float property on an element.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to set float property on.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">value</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The value of float CSS property to set on this element.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line2027">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.setHeight"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setHeight<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">height</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Set the height of an element.  Sets the element's style property.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to set the height of.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">height</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">The height value to set.  If a number, 'px'
    will be appended, otherwise the value will be applied directly.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1017">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.setInlineBlock"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setInlineBlock<span class="args">(<span class="arg">el</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets 'display: inline-block' for an element (cross-browser).

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to which the inline-block display style is to be
   applied.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1443">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.setOpacity"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setOpacity<span class="args">(<span class="arg">el</span>,&nbsp;<span class="arg">alpha</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the opacity of a node (x-browser).

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Elements whose opacity has to be set.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">alpha</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Opacity between 0 and 1 or an empty string
    <code> ''</code> to clear the opacity.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1204">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.setPageOffset"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setPageOffset<span class="args">(<span class="arg">el</span>,&nbsp;<span class="arg">x</span>,&nbsp;<span class="arg">opt_y</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Moves an element to the given coordinates relative to the client viewport.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Absolutely positioned element to set page offset for.
    It must be in the document.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">x</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>
        <div class="entryOverview">Left position of the element's margin
    box or a coordinate object.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">opt_y</span>
        : <span class="type">number=</span>
        <div class="entryOverview">Top position of the element's margin box.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line940">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.setPosition"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setPosition<span class="args">(<span class="arg">el</span>,&nbsp;<span class="arg">arg1</span>,&nbsp;<span class="arg">opt_arg2</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the top/left values of an element.  If no unit is specified in the
argument then it will add px. The second argument is required if the first
argument is a string or number and is ignored if the first argument
is a coordinate.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to move.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">arg1</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="class_goog_math_Coordinate.html">goog.math.Coordinate</a></span>
        <div class="entryOverview">Left position or coordinate.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">opt_arg2</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type">number=</span>
        <div class="entryOverview">Top position.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line346">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.setPreWrap"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setPreWrap<span class="args">(<span class="arg">el</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets 'white-space: pre-wrap' for a node (x-browser).

There are as many ways of specifying pre-wrap as there are browsers.

CSS3/IE8: white-space: pre-wrap;
Mozilla:  white-space: -moz-pre-wrap;
Opera:    white-space: -o-pre-wrap;
IE6/7:    white-space: pre; word-wrap: break-word;


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to enable pre-wrap for.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1423">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.setSize"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setSize<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">w</span>,&nbsp;<span class="arg">opt_h</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the width/height values of an element.  If an argument is numeric,
or a goog.math.Size is passed, it is assumed to be pixels and will add
'px' after converting it to an integer in string form. (This just sets the
CSS width and height properties so it might set content-box or border-box
size depending on the box model the browser is using.)


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to set the size of.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">w</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="class_goog_math_Size.html">goog.math.Size</a></span>
        <div class="entryOverview">Width of the element, or a
    size object.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">opt_h</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type">number=</span>
        <div class="entryOverview">Height of the element. Required if w is not a
    size object.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line974">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.setStyle"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setStyle<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">style</span>,&nbsp;<span class="arg">opt_value</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets a style value on an element.

This function is not indended to patch issues in the browser's style
handling, but to allow easy programmatic access to setting dash-separated
style properties.  An example is setting a batch of properties from a data
object without overwriting old styles.  When possible, use native APIs:
elem.style.propertyKey = 'value' or (if obliterating old styles is fine)
elem.style.cssText = 'property1: value1; property2: value2'.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to change.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">style</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span>
        <div class="entryOverview">If a string, a style name. If an object, a hash
    of style names to style values.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">opt_value</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span><span>&nbsp;|&nbsp;</span><span class="type">boolean=</span>
        <div class="entryOverview">If style was a string, then this
    should be the value.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line65">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>






  <td>
    <a name="goog.style.setStyle_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setStyle_<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">value</span>,&nbsp;<span class="arg">style</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets a style value on an element, with parameters swapped to work with
<code> goog.object.forEach()</code>. Prepends a vendor-specific prefix when
necessary.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to change.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">value</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span><span>&nbsp;|&nbsp;</span><span class="type">undefined</span>
        <div class="entryOverview">Style value.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">style</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Style name.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line83">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.setStyles"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setStyles<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">stylesString</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the content of a style element.  The style element can be any valid
style element.  This element will have its content completely replaced by
the new stylesString.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span><span>&nbsp;|&nbsp;</span><span class="type">StyleSheet</span>
        <div class="entryOverview">A stylesheet element as returned by
    installStyles.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">stylesString</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The new content of the stylesheet.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1397">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.setTransparentBackgroundImage"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setTransparentBackgroundImage<span class="args">(<span class="arg">el</span>,&nbsp;<span class="arg">src</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the background of an element to a transparent image in a browser-
independent manner.

This function does not support repeating backgrounds or alternate background
positions to match the behavior of Internet Explorer. It also does not
support sizingMethods other than crop since they cannot be replicated in
browsers other than Internet Explorer.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to set background on.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">src</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The image source URL.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1233">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.setUnselectable"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setUnselectable<span class="args">(<span class="arg">el</span>,&nbsp;<span class="arg">unselectable</span>,&nbsp;<span class="arg">opt_noRecurse</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Makes the element and its descendants selectable or unselectable.  Note
that on some platforms (e.g. Mozilla), even if an element isn't set to
be unselectable, it will behave as such if any of its ancestors is
unselectable.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The element to alter.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">unselectable</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether the element and its descendants
    should be made unselectable.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">opt_noRecurse</span>
        : <span class="type">boolean=</span>
        <div class="entryOverview">Whether to only alter the element's own
    selectable state, and leave its descendants alone; defaults to false.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1518">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.setWidth"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">setWidth<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">width</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Set the width of an element.  Sets the element's style property.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to set the width of.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">width</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">The width value to set.  If a number, 'px'
    will be appended, otherwise the value will be applied directly.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1028">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td class="deprecated">
    <a name="goog.style.showElement"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">showElement<span class="args">(<span class="arg">el</span>,&nbsp;<span class="arg">display</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class="deprecatedMessage">Use goog.style.setElementShown instead.</span>
       Shows or hides an element from the page. Hiding the element is done by
setting the display property to "none", removing the element from the
rendering hierarchy so it takes up no space. To show the element, the default
inherited display property is restored (defined either in stylesheets or by
the browser's default style rules.)

Caveat 1: if the inherited display property for the element is set to "none"
by the stylesheets, that is the property that will be restored by a call to
showElement(), effectively toggling the display between "none" and "none".

Caveat 2: if the element display style is set inline (by setting either
element.style.display or a style attribute in the HTML), a call to
showElement will clear that setting and defer to the inherited style in the
stylesheet.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">el</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to show or hide.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">display</span>
        : <span class="type">*</span>
        <div class="entryOverview">True to render the element in its default style,
    false to disable rendering the element.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1289">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td class="deprecated">
    <a name="goog.style.toCamelCase"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">toCamelCase<span class="args">(<span class="arg">selector</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       <span class="deprecatedMessage">Use goog.string.toCamelCase instead.</span>
       Converts a CSS selector in the form style-property to styleProperty.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">selector</span>
        : <span class="type">*</span>
        <div class="entryOverview">CSS Selector.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            Camel case selector.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1157">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td class="deprecated">
    <a name="goog.style.toSelectorCase"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">toSelectorCase<span class="args">(<span class="arg">selector</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       <span class="deprecatedMessage">Use goog.string.toSelectorCase instead.</span>
       Converts a CSS selector in the form styleProperty to style-property.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">selector</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Camel case selector.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            Selector cased.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1168">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.toStyleAttribute"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">toStyleAttribute<span class="args">(<span class="arg">obj</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Reverse of parseStyleAttribute; that is, takes a style object and returns the
corresponding attribute value.  Converts camel case property names to proper
CSS selector names.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">obj</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span>
        <div class="entryOverview">Map of CSS properties to values.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            The style attribute value.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line2013">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.translateRectForAnotherFrame"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">translateRectForAnotherFrame<span class="args">(<span class="arg">rect</span>,&nbsp;<span class="arg">origBase</span>,&nbsp;<span class="arg">newBase</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Translates the specified rect relative to origBase page, for newBase page.
If origBase and newBase are the same, this function does nothing.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">rect</span>
        : <span class="type"><a href="class_goog_math_Rect.html">goog.math.Rect</a></span>
        <div class="entryOverview">The source rectangle relative to origBase page,
    and it will have the translated result.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">origBase</span>
        : <span class="type"><a href="class_goog_dom_DomHelper.html">goog.dom.DomHelper</a></span>
        <div class="entryOverview">The DomHelper for the input rectangle.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">newBase</span>
        : <span class="type"><a href="class_goog_dom_DomHelper.html">goog.dom.DomHelper</a></span>
        <div class="entryOverview">The DomHelper for the resultant
    coordinate.  This must be a DOM for an ancestor frame of origBase
    or the same as origBase.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line836">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.style.uninstallStyles"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.style.</span><span class="entryName">uninstallStyles<span class="args">(<span class="arg">styleSheet</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Removes the styles added by <code> #installStyles</code>.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">styleSheet</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span><span>&nbsp;|&nbsp;</span><span class="type">StyleSheet</span>
        <div class="entryOverview">The value returned by
    <code> #installStyles</code>.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1382">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>






  <h2>Global Variables</h2>





<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.style.ABSOLUTE_CSS_LENGTH_UNITS_.cm"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">cm</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1907">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>





  <a name="goog.style.CONVERTIBLE_RELATIVE_CSS_UNITS_.em"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">em</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1923">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.style.CONVERTIBLE_RELATIVE_CSS_UNITS_.ex"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">ex</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1924">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>





  <a name="goog.style.ABSOLUTE_CSS_LENGTH_UNITS_.in"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">in</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1908">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.style.ieBorderWidthKeywords_.medium"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">medium</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1783">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>





  <a name="goog.style.ABSOLUTE_CSS_LENGTH_UNITS_.mm"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">mm</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1909">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.style.ABSOLUTE_CSS_LENGTH_UNITS_.pc"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">pc</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1910">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>





  <a name="goog.style.ABSOLUTE_CSS_LENGTH_UNITS_.pt"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">pt</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1911">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.style.ieBorderWidthKeywords_.thick"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">thick</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1784">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>





  <a name="goog.style.ieBorderWidthKeywords_.thin"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">thin</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_style_style.js.source.html#line1782">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
      <!-- Column 1 end -->
    </div>

        <div class="col2">
          <!-- Column 2 start -->
          <div class="col2-c">
            <h2 id="ref-head">Directory style</h2>
            <div id="localView"></div>
          </div>

          <div class="col2-c">
            <h2 id="ref-head">File Reference</h2>
            <div id="sideFileIndex" rootPath="" current="/goog/style/style.js"></div>
          </div>
          <!-- Column 2 end -->
        </div>
</div>
</div>

</body>
</html>
